<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <strong><h4>
            3. SELECCIONE LA TIENDA A LA QUE HIRÁ EL PRODUCTO
        </h4>
        <p:message for="firstTx"/>
        <p:message for="other" />
    </strong>
    <hr/>
    <div class="input-group">
        <span class="input-group-addon">PRIMERO: </span>
        <h:selectOneMenu value="#{inputProductController.company}" styleClass="form-control"
                         converter="entityConverter" required="true" id="firstTx"
                         requiredMessage="FALTA SELECCIONAR UNA EMPRESA">
            <f:selectItem itemLabel="SELECCIONE UNA EMPRESA" noSelectionOption="true" />
            <f:selectItems value="#{inputProductController.listCompany}" var="company"
                           itemLabel="#{company.name}" itemValue="#{company}" />
            <p:ajax event="change" listener="#{inputProductController.updateListShop()}"
                    update="other" />
        </h:selectOneMenu>
    </div>

    <br/>
    <div class="input-group">
        <span class="input-group-addon">SEGUNDO: </span>
        <h:selectOneMenu value="#{inputProductController.shop}" id="other"
                         converter="entityConverter" required="true" styleClass="form-control"
                         requiredMessage="FALTA SELECCIONAR UNA TIENDA PARA PODER SEGUIR">
            <f:selectItem itemLabel="SELECCIONE UNA TIENDA" noSelectionOption="true" />
            <f:selectItems value="#{inputProductController.listShop}" var="shop"
                           itemLabel="#{shop.name}" itemValue="#{shop}" />
        </h:selectOneMenu>
    </div>
    <hr/>
</ui:composition>
